/* BODY */

body {
	background-image: url("Website Pics/Page Backgrounds/Coon.jpg");
    background-size: cover;
	background-attachment:fixed;
}

#wrap { 
	width: 1000px; 
	margin: 0 auto; 
	margin-top:200px;
}

/* TOP HEADER */

#top {
	background-color:#451B00;
	background-image:none;
	margin:-8px;
	width:101.2%;
	height:70px;
	font-size:90%;
	border-bottom:5px solid yellow;
	border-radius:0px 0px 2px 2px;
	position:fixed;
	z-index:10; 
	top:8px;
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.12);
	
	/* To Make Header Scrollable */
	/* position:fixed;
	   top:8px;
	*/
}

#ht01 {
	float:right; 
	width:70%; 
	margin-top:-90px; 
	font-family:comic sans ms; 
}

#ht01 a{
	color:white;
	text-decoration:none;
}

#htop:hover{
	background-color:#6A3513;
	padding:10px;
	border-radius:2px;
	color:#FFDF79;
	font-family:cambria;
}

/* HEADER */

header {
	width:100%;
	background-image: url("Website Pics/Page Images/7. Contact Us/Header.jpg");
	background-size: cover;
	height:142px;	
}

#p01 {
	font-size:350%;
	color:#FFC300;
	font-family:cambria;
	margin-top:1px;
	font-family:cambria;
}

#p2 {
	font-family:comic sans ms;
	color:#9CD1FD;
	margin-top:-65px;
}

/* NAVIGATION */

nav {
	background-color:white;
	font-family:cambria;
	font-size:60%;
	height:85px;
}

nav a:link {
	display:block;
	text-decoration: none;
	margin-top:-5px;
}

.popup:hover {
		width:80px;
		height:80px;
}

button {
     background:none!important;
     padding:0!important;
     cursor: pointer;
	 outline-color: transparent;
}

#t01{
	width:100%;
	padding-top:10px;	
}

td {
	width:13.8%;
	text-align:center;
	color:orange;
	font-weight:bold;
}

.active {
		background-color: #4CAF50;
	}

#mainContainer {
	background-color:white;
}




/* SECTION */

section {
	background-color:white;
	width:75%;
	height:auto;
}

#h01{
	font-family:georgia;
	font-size:120%;
	color:#900C3F;
	background-color:#FFC300;
	text-align:center;
	border-radius:8px;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
}

#s01 {
	margin-left:25%;
}

p {
	font-family:cambria;
	padding-left:10px;
}

/* ASIDE */

aside {
	display:block;
	width:25%;
	float:right;
}

/* SECOND NAVIGATION BAR*/

ul {
    list-style-type: none;
    margin-bottom: -31px;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	border-radius:5px;
}

li {
    float: left;
	width:14.28%;
}

li a {
    display: block;
    color: white;
	font-family:cambria;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

li a:hover:not(.active) {
		background-color: #111;
		color:white;
	}


/* FOOTER */

#mainFooter {
	width:100%;
	background-image: url("Website Pics/Footer.jpg");
    background-size: cover;
	border-radius: 20px 20px 0px 0px;
}

#p02 {
	font-size:200%;
	color:#FFC300;
	font-family:cambria;
	margin-bottom:-20px;
}

#p03 {
	font-family:cambria;
	color:white;
	font-weight:bold;
}

/* DROPDOWN */

.dropbtn {
   border:none;
   background-color:white;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dd {
     border-radius:35px;
     background-color:#0D4A7A;
     margin:0px 75px 8px -75px;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 200px;
	font-family: comic sans ms;
}

.dropdown-content a {
    color: white;
    padding: 12px 20px;
}

.dropdown-content a:hover {
	background-color: #4CAF50;
	color:white;
}

.dropdown:hover .dropdown-content {
    display: block;
	margin:10px;
}

/* COMMENT BOX */
#comments {
	width:96%;
	height:100px;
	margin-left:5px;
	border-radius:5px;
	padding:2%;
	font-size:1.2em;
	background:url('/pix/samples/celebrate.gif');
	background-position:center center;
	background-repeat:no-repeat;"
}

#submit {
	margin:5px 0px 0px 5px;
	width:20%;
	height:4%;
	border-radius:10px;
	font-family:comic sans ms;
}

input {
	outline-color: transparent;
	margin-left:5px;
}

/* SCROLL BAR */

.icon-bar {
    height: 265px;
    width: 65px;
    text-align: center;
    background-color: #555;
	margin-left:-132px;
	float:left;
	position:fixed;
	top:200px;
}

.icon-bar a {
    display: block;
    transition: all 0.3s ease;
   
}

.icon-bar a:hover {
    background-color: #000;
}

.active {
    background-color: #4CAF50;
}